<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <link rel="stylesheet" href="./css/main.css" />
    <script type="text/javascript" src="./js/fdj.js"></script>
    <title>春节计划DayOne放大镜</title>
</head>
<body>
<div class="fdj-wrap">
    <div id="preview">
        <div id="img-medium">
            <img src="images/01-zhongtu.jpg" alt="" width="350" height="350" />
            <div id="mark"></div>             
        </div>
        <!-- 小图导航开始 -->
        <div class="img-small">
            <a href="javascript:;" class="left" id="left">&lt</a>
            <a href="javascript:;" class="right" id="right">&gt</a>
            <div class="img-list-items">
                <ul id="img-items">
                    <li><img src="images/01.jpg" msrc="images/01-zhongtu.jpg" bsrc="images/01-datu.jpg" alt="" /></li>
                    <li><img src="images/02.jpg" msrc="images/02-zhongtu.jpg" bsrc="images/02-datu.jpg" alt="" /></li>
                    <li><img src="images/03.jpg" msrc="images/03-zhongtu.jpg" bsrc="images/03-datu.jpg" alt="" /></li>
                    <li><img src="images/04.jpg" msrc="images/04-zhongtu.jpg" bsrc="images/04-datu.jpg" alt="" /></li>
                    <li><img src="images/05.jpg" msrc="images/05-zhongtu.jpg" bsrc="images/05-datu.jpg" alt="" /></li>
                    <li><img src="images/04.jpg" msrc="images/04-zhongtu.jpg" bsrc="images/04-datu.jpg" alt="" /></li>
                </ul>   
            </div>
        </div>
        <!-- 小图导航结束 -->
        <div id="img-big">
            <img src="images/01-datu.jpg" alt="" id="detail" />
        </div>  
    </div>   
</div>
</body>
</html>